* {
    padding:0;
    margin:0;
}

body{
    font-family: Helvetica,'Nokia Sans',Arial,Sans-serif;
    font-size: 16px;
    background-color:#E5ECF3;
    margin:0 auto;
    max-width: 800px;
}

table {
    border: 0 none;
    border-collapse: collapse;
    border-spacing: 0;
}

a,
a:visited,
a:hover{
    text-decoration: none;
}

#container{
}

#header{
    background: url("bghead-1.0.gif") repeat-x scroll 0 0 #092333;
}

#titlebar{
    padding:8px;
}

#titlebar #uiCommands {
    max-width: 40%;
    float:right;
    text-align: right;
    top: 10px;
}

#titlebar a{
    color: #FFF;
}

#userMenu table {
    margin: 0 auto;
    width: 90%;
}
.pageTab {
    font-size: 93%;
    font-weight: bold;
    padding: 12px 8px 8px;
    text-align: center;
    white-space: nowrap;
    width: 33%;
}

.pageTab a{
    color: #FFFFFF;
}

.ptactive {
    background-color: #E5ECF3;
    margin: 0 10px;
    padding: 10px 20px 8px;
}

.ptactive a{
    color: #000000;
}

/*** CONTENT ***/
/***************/

/***Login***/
.loginField,.option-field,.registerField{
    border: 1px solid #A9B0B8;
    margin: 5px;
    background-color: #FFFFFF;
}
.submitError{
    border-color: #DD3C10;
    border-bottom: 1px solid;
    padding: 0.3em 8px;
    background-color: #FFEBE8;
    font-size: 13px;
    font-weight: bold;
}
.formLabel {
    color: #4D4D4D;
    padding: 0.3em 8px;
}
.formField input{
    width: 89%;
    font-size: inherit;
    font-weight: inherit;
    margin: 0 8px 0.3em;
    border-color: #C6C6C6 #A6A6A6 #808080;
    border-style: solid;
    border-width: 1px;
}

.formSubmit input{
    background: none repeat scroll 0 0 #F0F0F0;
    border-color: #C6C6C6 #A6A6A6 #808080;
    border-style: solid;
    border-width: 1px;
    font-size: 93%;
    font-weight: bold;
    margin: 0 8px 0.3em;
    padding:1px 7px;
}

#expenseAdd{
    padding:6px;
}

.input-header{
    background-color: #EBF3DF;
    border: 1px solid #B2D281;
    color: #4F7A06;
    padding: 4px 3px;
    vertical-align: middle;
    margin-bottom: 5px;
}
.input-header .input-field h2{
    text-align: center;
    font-size: 20px;
}
.input-con {
    background-color: #FFF;
    border: 1px solid #B2D281;
    margin-bottom: 10px;
    padding: 8px 6px;
    vertical-align: middle;
}
.input-table {
    width: 100%;
}
.input-table tr{
    margin-bottom: 5px;
}
.input-add a{
    color:#4F7A06;
}
.input-field {
    padding-right: 10px;
    width: 37%;
}
.input-cat{
    width: 26%;
}
.input-con td {
    vertical-align: top;
}
.input-field input,.input-cat select {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #888888 #999999 #999999;
    border-style: solid;
    border-radius : 3px;
    border-width: 1px;
    margin: 0;
    padding: 3px;
    vertical-align: middle;
    width: 98%;
    font-size: 18px;
}

.input-cat select{
    font-size: 16px;
}

.btn {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: #1B5790;
    color:#FFF;
    border: 1px solid #B2D281;
    border-radius:4px;
    font-size:23px;
    margin: 0;
    padding: 0 4px;
}

#expenseSubmit {
    margin-left: 6px;
    margin-right: 6px;
    text-align: center;
}

#submit {
    min-height: 30px;
    width: 60%;
}

/*** home ***/

#thisMonth{
    margin:10px 5px 5px;
}
#submitOk{
    margin:5px 5px 0;
    border: 1px solid #E2C822;
    padding: 0.3em 8px;
    background-color: #FFFBE2;
    font-size: 13px;
    font-weight: bold;
}

.list-header {
    background-color: #EBF3DF;
    border: 1px solid #B2D281;
    color: #4F7A06;
    font-weight: bold;
    margin-bottom: 10px;
    padding: 6px 10px;
}

.story-item-header{
    color: #FFFFFF;
    background-color: #1B5790;
    border: 1px solid #B2D281;
    font-weight: bold;
    margin:5px 5px 0;
    padding: 6px 10px;
}

#lastExpense{
    border: 1px solid #A9B0B8;
    margin: 0 5px 5px;
    padding: 15px 5px 5px;
    background-color: #FFFFFF;
}

.story-item {
    border-bottom: 1px solid #CCDCEF;
    margin: 0 5px 10px;
    padding: 0 0 10px;
}

.story-item-content {
    padding-left: 130px;
}

.story-item-content:hover .delete-button{
    visibility: visible;
}

.digg-button {
    float: left;
    height: 40px;
    margin-left: -130px;
    text-align: right;
    width: 110px;
    font-size: 16px;
}

.story-item-title {
    color: #0060B7;
    display: block;
    font-size: 16px;
    line-height: 15px;
    margin-bottom: 5px;
    font-weight: bold;
}

.story-item-source {
    color: #618FCD;
    font-size: 12px;
}

.delete-button{
    float: right;
    font-size: 12px;
    color: #dd5653;
    cursor: pointer;
}

#moreExpense{
    background-color: #EBF3DF;
    border: 1px solid #B2D281;
    font-weight: bold;
    padding: 6px 10px;
    text-align: center;
    color: #4F7A06;
    cursor: pointer;
}

/***OPTION***/
#option-wrap{
    margin:5px;
}

#category-option{
    
}

.option-item{
    margin: 10px 0px;
}

.option-menu{
    color: #FFFFFF;
    background-color: #1B5790;
    border: 1px solid #B2D281;
    font-weight: bold;
    padding: 6px 10px;
    text-align: center;
    cursor: pointer;
}

.option-content{
    display: none;
}

#coc-wrapper{
    border: 1px solid #B2D281;
    padding: 4px 3px;
    background-color: #FFFFFF;
}

#list-cat{
    min-width: 89%;
    margin: 10px 8px;
    text-align: center;
    border-collapse: collapse;
}

#list-cat th {
    background-color: #A7C942;
    color: #FFFFFF;
    padding-bottom: 4px;
    padding-top: 5px;
}

#list-cat td, #list-cat th {
    border: 1px solid #98BF21;
    padding: 3px 7px 2px;
}

#list-cat tr.alt td {
    background-color: #EAF2D3;
}

#list-cat button {
    background-color: #F0F0F0;
    border-color: #C6C6C6 #A6A6A6 #808080;
    border-style: solid;
    border-width: 1px;
    font-size: 93%;
    font-weight: bold;
    margin: 0 8px 0.3em;
    padding: 1px 7px;
}

.uo-item{
    border: 1px solid #B2D281;
    padding: 4px 3px;
    background-color: #FFFFFF;
}

/***FOOTER***/
/************/

#footer{
    
}

.hidden{
    visibility: hidden;
}

.none{
    display: none;
}